<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">


    <meta name="theme-color" content="#d8402f" />
    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#d8402f">
    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#d8402f">


    <link rel="apple-touch-icon" href="/touch-icon-iphone.png">
    <meta name="apple-mobile-web-app-title" content="网易云音乐">
    <link rel="apple-touch-startup-image" href="/splash.jpeg">


    <title>
        <%= htmlWebpackPlugin.options.title %>
    </title>

</head>

<body>
    <script src="<%= BASE_URL %>js/rem.js"></script>
    <script src="//at.alicdn.com/t/c/font_3586693_kzu78amscpa.js"></script>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <script>
        window.addEventListener('domcontentloaded', function() {
            var page = document.getelementbyid('page'),
                nav = window.navigator,
                ua = nav.useragent,
                isfullscreen = nav.standalone;
            if (ua.indexof('android') !== -1) {
                // 56对应的是android browser导航栏的高度
                page.style.height = window.innerheight + 56 + 'px';
            } else if (/iphone|ipod|ipad/.test(ua)) {
                // 60对应的是safari导航栏的高度
                page.style.height = window.innerheight + (isfullscreen ? 0 : 60) + 'px'
            }
            settimeout(scrollto, 0, 0, 1);
        }, false);
    </script>
</body>

</html>